<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Todo List</title>
    <!--C:\Users\li\Desktop\HiveWeb\static-->
    <link rel="stylesheet" href="C:\Users\li\Desktop\zxyBlog\static\bootstrap\css\bootstrap.min.css">
    <link rel="stylesheet" href="..\static\bootstrap\css\bootstrap.min.css">
    <link rel="stylesheet" href="C:\Users\li\Desktop\zxyBlog\static\css\myCss.css">
    <link rel="stylesheet" href="..\static\css\myCss.css">
    
    <script src="C:\Users\li\Desktop\zxyBlog\static\js\jquery-3.6.0.js"></script>
    <script src="..\static\js\jquery-3.6.0.js"></script>
    <script src="C:\Users\li\Desktop\zxyBlog\static\js\jquery.mobile-1.4.5.js"></script>
    <script src="..\static\js\jquery.mobile-1.4.5.js"></script>
    <script src="C:\Users\li\Desktop\zxyBlog\static\bootstrap\js\bootstrap.min.js"></script>
    <script src="..\static\bootstrap\js\bootstrap.min.js"></script>

    <script src="C:\Users\li\Desktop\zxyBlog\static\js\todoList.js"></script>
    <script src="..\static\js\todoList.js"></script>
    <style>
        /*body{
            padding-top: 100px;
        }*/

        #num1{
            height: 5px;
            border-radius: 15px;
            opacity: 1;
        }
        #num2{
            height: 5px;
            border-radius: 15px;
            opacity: 0.2;
        }

        .listBox{
            margin-top: 3%;
            margin-bottom: 3%;

            border-radius: 15px;
        }
    </style>
</head>
<body class="bc0 tc0">
    <!-- -fluid -->
    <div class="container-fluid">
        <hr>
        <div class="row text-center ts2" id="title">Todo List</div>
        <hr>

        <div class="row text-center ts-2">
            <div class="col-xs-4 col-xs-offset-1 bc1" id="num1"></div>
            <div class="col-xs-4 col-xs-offset-2 bc1" id="num2"></div>
        </div>

        <div class="row" id="list1">
            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">英语<hr></div>
                <div class="col-xs-12 ts1 ptb1">背单词</div>
                <div class="col-xs-12 ts1 ptb1">看发音视频</div>
            </div>

            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">Python<hr></div>
                <div class="col-xs-12 ts1 ptb1">显示功能</div>
                <div class="col-xs-12 ts1 ptb1">控制功能</div>
                <div class="col-xs-12 ts1 ptb1">碰撞检测</div>
            </div>

            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">阅读<hr></div>
                <div class="col-xs-12 ts1 ptb1">《刻意练习》</div>
            </div>

            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">考研<hr></div>
                <div class="col-xs-12 ts1 ptb1">了解专业</div>
                <div class="col-xs-12 ts1 ptb1">选择专业</div>
                <div class="col-xs-12 ts1 ptb1">制定计划</div>
            </div>
        </div>

        <div class="row" id="list2">
            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">11 - 13 （3 day）<hr></div>
                <div class="col-xs-12 ts1 ptb1">背单词 2U/day</div>
                <div class="col-xs-12 ts1 ptb1">看发音视频 2U/day</div>
                <div class="col-xs-12 ts1 ptb1">python 显示边框和角色</div>
            </div>

            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">14 - 15 （2 day）<hr></div>
                <div class="col-xs-12 ts1 ptb1">背单词 2U/day</div>
                <div class="col-xs-12 ts1 ptb1">python 控制角色移动</div>
                <div class="col-xs-12 ts1 ptb1">《刻意练习》4U/day</div>
            </div>

            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">16 - 17 （2 day）<hr></div>
                <div class="col-xs-12 ts1 ptb1">复习单词</div>
                <div class="col-xs-12 ts1 ptb1">python 边框碰撞</div>
                <div class="col-xs-12 ts1 ptb1">讲《刻意练习》</div>
            </div>

            <div class="col-xs-10 col-xs-offset-1 bc1 ptb3 listBox">
                <div class="col-xs-12 ts1h">18 - 27 （10 day）<hr></div>
                <div class="col-xs-12 ts1 ptb1">复习单词</div>
                <div class="col-xs-12 ts1 ptb1">python 完善程序</div>
                <div class="col-xs-12 ts1 ptb1">学语法</div>
            </div>
        </div>
    </div>
</body>
</html>